.product-select{
  &-dock{
    position: fixed;
    top: 0px;
    bottom: 120px;
    left: 0;
    right: 0;
    z-index: 110;
    background-color: rgba(0,0,0,.7);
  }

  &-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 871px;
    min-height: 600px;
    background-color: #fff;

    &-header {
      height: 174px;
      border-bottom: 1px solid #E8E8E8;
      margin-bottom: 29px;
      position: relative;

      &>div:first-child {
        height: 251px;
        width: 268px;
        position: absolute;
        left: 30px;
        top: -110px;
        border: 1px solid #E8E8E8;
        background-color: #fff;

        img {
          height: 245px;
          width: 260px;
        }
      }

      .product-price {
        position: absolute;
        left: 310px;
        top: 62px;

        span {
          display: block;

          &:first-child {
            font-size: 43px;
            color: #E3101E;
            margin-bottom: 16px;
          }

          &:last-child {
            font-size: 30px;
            color: #666;
          }
        }
      }

      .close-model {
        position: absolute;
        top: 19px;
        right: 16px;
        .icon-close {
          font-size: 30px;
        }
      }
    }

    &-body {
      padding-left: 30px;
      .item {
        margin-bottom: 43px;

        span {
          font-size: 24px;
        }

        .product-select-number {
          margin-left: 40px;
        }

        &.sku-list-container{
          display: flex;
          .product-label {
            min-width: 60px;
          }
          &>div {
            max-height: 3rem;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
          }
          .sku-list {
            display: inline-block;
            border: 1px solid #d8d8d8;
            padding: 10px;
            margin-right: 10px;
            margin-bottom: 8px;

            &.selected{
              color: #E3101E;
              border-color: #E3101E;

            }
          }
        }


        &.select-product-item {
          display: flex;
          align-items: center;

          .product-label{
            width: 60px;
          }

          .am-stepper {
            width: 200px;
            height: 50px;

            .am-stepper-input {
              font-size: 24px;
              margin-top: 10px;
            }

            .am-stepper-handler {
              width: 45px;
              height: 45px;
            }

            .am-stepper-input-wrap {
              height: 0.5rem;
            }

            .am-icon-xxs {
              margin-top: 0.1rem;
              width: 0.2rem;
              height: 0.2rem;
            }
          }
        }
      }

    }
  }
}